﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>商圈列表</title>
    <link rel="stylesheet" href="../assets/fonts/iconfont.css">
    <link rel="stylesheet" href="../assets/css/base.css">
    <link rel="stylesheet" href="../assets/css/sn-style.css">
    <link rel="stylesheet" href="../assets/css/sup-list.css">
</head>

<body>
    <!--header引入区域-->
    <div class="headerbgc">
        <div style="border-bottom:1px solid rgb(228, 228, 228);">
            <div class="head">
                <a href="#" class="logoImg"> <img src="./../assets/image/logo.svg" alt=""></a>
                <p>
                    <a href="#">首页</a>
                    <a href="#">资讯</a>
                    <a href="#">素材库</a>
                    <a href="#">商业地产</a>
                    <a href="#" class="nav-active">供应商</a>
                </p>
                <div class="search-head">
                    <select>
                        <option value="">资讯</option>
                        <option value="">商场</option>
                        <option value="">服务商</option>
                    </select>
                    <input type="text" name="" value="">
                    <a href="#"><img src="./../assets/image/head-search.svg" alt=""></a>
                </div>
                <span class="headLink"><a href="./login/register.html">注册</a><a href="./login/login.html" class="login-link">登录</a></span>
            </div>
        </div>
    </div>
    <div style="height:80px;"></div>
    
    <div class="container layout sn-clr">
        <div class="allClass">
            <div class="class-index">
                <span>地区：</span>
                <a href="#">所有地区</a>
                <a href="#">上海</a>
                <a href="#">北京</a>
                <a href="#">深圳</a>
                <a href="#">重庆</a>
                <a href="#">广州</a>
                <a href="#">杭州</a>
                <a href="#">成都</a>
                <a href="#" class="more">显示更多</a>
            </div>
            <div class="class-index">
                <span>类型：</span>
                <a href="#">所有类型</a>
                <a href="#">IP授权方</a>
                <a href="#">活动公司</a>
                <a href="#">美陈公司</a>
                <a href="#">美陈工厂</a>
                <a href="#">道具设备</a>
            </div>
            <div class="class-index">
                <a href="#" class="class-tab">所有</a>
                <a href="#" class="class-tab">国际</a>
                <a href="#" class="class-tab">国内</a>
                <a href="#" class="class-tab">电影</a>
                <a href="#" class="class-tab">动漫</a>
                <a href="#" class="class-tab">原创</a>
            </div>
        </div>
        <div class="con-detail sn-clr">
            <div class="con-left">
                <div class="result-title">
                    <div class="tab">
                        <a href="#" class="act">最新</a>
                        <a href="#" class="">人气</a>
                    </div>
                    <div class="page-top">
                        共 1,366,671 个结果&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <a href="#">上一页</a>
                        <input type="text" style="width:83px;">&nbsp;&nbsp;/ 13667&nbsp;&nbsp;&nbsp;&nbsp;
                        <a href="#">确认</a>&nbsp;&nbsp;&nbsp;&nbsp;
                        <a href="#">下一页</a>
                    </div>
                </div>
                <div class="sup-detail">
                    <div class="sup-index">
                        <img src="./../assets/image/zy.jpg" alt="" class="sn-left">
                        <div class="index-left sn-left">
                            <p><a href="#" style="font-weight:700">中艺展览</a></p>
                            <p><span style="color:rgb(149, 214, 0);">IP授权方</span></p>
                            <p>上海</p>
                        </div>
                    </div>
                    <div class="sup-index">
                        <img src="./../assets/image/zy.jpg" alt="" class="sn-left">
                        <div class="index-left sn-left">
                            <p><a href="#" style="font-weight:700">中艺展览</a></p>
                            <p><span style="color:rgb(149, 214, 0);">IP授权方</span></p>
                            <p>上海</p>
                        </div>
                    </div>
                    <div class="sup-index">
                        <img src="./../assets/image/zy.jpg" alt="" class="sn-left">
                        <div class="index-left sn-left">
                            <p><a href="#" style="font-weight:700">中艺展览</a></p>
                            <p><span style="color:rgb(149, 214, 0);">IP授权方</span></p>
                            <p>上海</p>
                        </div>
                    </div>
                    <div class="sup-index">
                        <img src="./../assets/image/zy.jpg" alt="" class="sn-left">
                        <div class="index-left sn-left">
                            <p><a href="#" style="font-weight:700">中艺展览</a></p>
                            <p><span style="color:rgb(149, 214, 0);">IP授权方</span></p>
                            <p>上海</p>
                        </div>
                    </div>
                    <div class="sup-index">
                        <img src="./../assets/image/zy.jpg" alt="" class="sn-left">
                        <div class="index-left sn-left">
                            <p><a href="#" style="font-weight:700">中艺展览</a></p>
                            <p><span style="color:rgb(149, 214, 0);">IP授权方</span></p>
                            <p>上海</p>
                        </div>
                    </div>
                    <div class="sup-index">
                        <img src="./../assets/image/zy.jpg" alt="" class="sn-left">
                        <div class="index-left sn-left">
                            <p><a href="#" style="font-weight:700">中艺展览</a></p>
                            <p><span style="color:rgb(149, 214, 0);">IP授权方</span></p>
                            <p>上海</p>
                        </div>
                    </div>
                </div>
                <!-- 分页容器 -->
                <div class="tcdPageCode"></div>
            </div>
            <div class="con-right">
                <div class="gongxu sn-clr">
                    <p>供需发布</p>
                    <div class="gongxu-detail">
                        <div class="gongxu-index sn-clr">
                            <img src="./../assets/image/gongxu-list.jpg" alt="">
                            <div class="index-title">世界城光谷步行街春节景观定制</div>
                            <div class="index-text">1564查看 2017.10.11</div>
                        </div>
                        <div class="gongxu-index sn-clr">
                            <img src="./../assets/image/gongxu-list.jpg" alt="">
                            <div class="index-title">世界城光谷步行街春节景观定制</div>
                            <div class="index-text">1564查看 2017.10.11</div>
                        </div>
                        <div class="gongxu-index sn-clr">
                            <img src="./../assets/image/gongxu-list.jpg" alt="">
                            <div class="index-title">世界城光谷步行街春节景观定制</div>
                            <div class="index-text">1564查看 2017.10.11</div>
                        </div>
                        <div class="gongxu-index sn-clr">
                            <img src="./../assets/image/gongxu-list.jpg" alt="">
                            <div class="index-title">世界城光谷步行街春节景观定制</div>
                            <div class="index-text">1564查看 2017.10.11</div>
                        </div>
                        <div class="gongxu-index sn-clr">
                            <img src="./../assets/image/gongxu-list.jpg" alt="">
                            <div class="index-title">世界城光谷步行街春节景观定制</div>
                            <div class="index-text">1564查看 2017.10.11</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="newly sn-clr">
            <h3>最近浏览过的服务商</h3>
            <div class="newly-index">
                <img src="./../assets/image/fws.jpg" alt="">
                <p><a href="#">Ehorse艺马平川</a></p>
                <span style="color:#999;">深圳</span>
            </div>
            <div class="newly-index">
                <img src="./../assets/image/fws.jpg" alt="">
                <p><a href="#">Ehorse艺马平川</a></p>
                <span style="color:#999;">深圳</span>
            </div>
            <div class="newly-index">
                <img src="./../assets/image/fws.jpg" alt="">
                <p><a href="#">Ehorse艺马平川</a></p>
                <span style="color:#999;">深圳</span>
            </div>
            <div class="newly-index">
                <img src="./../assets/image/fws.jpg" alt="">
                <p><a href="#">Ehorse艺马平川</a></p>
                <span style="color:#999;">深圳</span>
            </div>
            <div class="newly-index">
                <img src="./../assets/image/fws.jpg" alt="">
                <p><a href="#">Ehorse艺马平川</a></p>
                <span style="color:#999;">深圳</span>
            </div>
            <div class="newly-index">
                <img src="./../assets/image/fws.jpg" alt="">
                <p><a href="#">Ehorse艺马平川</a></p>
                <span style="color:#999;">深圳</span>
            </div>
        </div>
    </div>
    <div class="foot">
        <div class="layout">
            <div class="left-bot">
                <img src="./../assets/image/bot-logo.svg" alt="">
                <p><span style="margin-right:30px;">关于我们</span><a href="#">关于我们</a>|<a href="#">关于我们</a>|<a href="#">关于我们</a>|<a href="#">关于我们</a></p>
                <p><span style="margin-right:30px;">新手入门</span><a href="#">注册新用户</a>|<a href="#">用户帮助中心</a></p>
                <p><span style="margin-right:30px;">网站规则</span><a href="#">网站服务协议</a>|<a href="#">网站注册协议</a>|<a href="#">网站版权声明</a></p>
                <p style="color:#BCBCBC;">©ALIMAMA MUX, powered by alimama THX.法律声明<br>
转载内容版权归作者及来源网站所有，本站原创内容转载请注明来源，商业媒体及纸媒请先联系：sangxing@taobao.com</p>
            </div>
            <div class="right-bot">
                <h3>有情链接</h3>
                <p class="sn-clr"><span>友情链接1</span><span>友情链接1</span><span>友情链接1</span><span>友情链接1</span><span>友情链接1</span><span>友情链接1</span><span>友情链接1</span><span>友情链接1</span><span>友情链接1</span></p>
                <div class="circle">
                    <img src="./../assets/image/bot-circle.png" alt="">
                    <img src="./../assets/image/bot-circle.png" alt="">
                    <img src="./../assets/image/bot-circle.png" alt="">
                </div>
            </div>
        </div>
    </div>
</body>
<script src="./../assets/build/jquery/dist/jquery.js"></script>
<script src="./../assets/build/pagejs/jquery.page.js"></script>
<script>
    $(function(){
        $(".tcdPageCode").createPage({
            pageCount:20,
            current:1
    });
        $(".tab li").on("click", function(event) {
        $(".tab li")
            .eq($(this).index())
            .addClass("activ")
            .siblings()
            .removeClass("activ");
        $(".tabCon .item")
            .hide()
            .eq($(this).index())
            .show();
        });
    })
</script>
</html>